body {margin: 0px; padding: 0px; font-size:14px; font-family: "微软雅黑" ,"宋体" ,"arial narrow"; text-align: center;}

/*公共样式*/
img { border: 0px;}
a { text-decoration: none;color: #E6E7E8;}
a : hover {text-decoration: none; color: #188EEE;}

/*topnav样式设置*/
#topnav {width: 100%;position: fixed;top: 0px; background-color: #2E323E;text-align: left;z-index: 100;padding: 10px 0px 20px 0px;}
#topnav a{color:#E6E7E8;}
#topnav a:hover{color:#188EEE;}

/*centerdiv样式设定*/
.contentdiv {width: 1200px;text-align: left;}
.backgroud {width: 100%;text-align: center;float: left;}
.contentdiv-top {padding: 5px 0px 0px 0px; margin: 0px auto; }

#logo{ width: 223px;height: 30px;float: left; padding-top: 4px;}
#navlist {width: 700px;float: left;margin-left: 40px;}
#navlist ul {margin: 0px;padding: 0px;font-size: 16px;font-family: "微软雅黑";}
#navlist li{list-style: none;float: left;margin-top: 15px;}
#navlist a{padding: 10px 18px 10px 10px;}

.login {width: 40px;margin: 0px 0px 0px 0px;padding: 16px 0px 0px 0px;float: right;}
.reg {width: 40px;margin: 0px 0px 0px 0px;padding: 16px 0px 0px 0px;float: right;}

/*course課程樣式設定*/
.backgroud-coursediv {background-color:#71C3E5;padding: 52px 0px 20px 0px ;margin-top: 20px;}
.contentdiv-course {text-align: left; margin: 0px auto 0px auto;padding-top: 0px;background-color: #FFFFFF;}
#courseimg {width: 440px; float: left; margin: 0px ;padding: 20px ;}
#courseName {width: 700px;float: left;margin-left: 0px;margin-top: 35px; font-size: 28px; color: #110000;}
#courseTeacher {width: 700px;margin-top: 8px;margin-left: 0px;float: left;color: #B5B5B5;font-size: 14px;}
#courseTile {width: 700px;margin-top: 20px;margin-left: 0px;float: left;color: #333333;font-size: 16px;}
#course-price {float: left; width: 200px;color: #FF3E00; margin-top: 40px;margin-left: 220px; font-size: 22px;text-align: right;}
#course-get {float: left;width: 190px;color: #FFFFFF;font-size: 24px;font-family: "微软雅黑"; margin-top: 34px;margin-left: 66px;text-align: center;}
#course-get a{display: block;background-color: #FF8000;border-radius: 2px;margin:0px;padding: 5px 0px;}
#course-get a:hover {background-color: #FF9000;}

/*Course课程详情样式设定*/
.courseItems {margin: 0px auto 0px auto; padding-top: 20px ; background-color: #EEEEEE; padding-bottom: 0px;}
.contentdiv-courseItems { margin: 0px auto 0px auto;padding:0px 0px 0px 0px ;background-color: #FFFFFF;}
.left-courseItems {width: 920px;margin: 0px;float: left;padding:0px;}
.left-courseItem {width: 880px;float: left ;margin-bottom:20px;padding:20px ; background-color:#FFFFFF; }
.left-courseTitle {width: 860px;float: left; margin: 0px 0px 0px 0px;padding: 10px 0px 10px 20px ;background-color: #EEEEEE ;border-radius: 5px;}
.left-courseName  {width: 860px; float:left;margin:  20px 0px;padding: 0px 0px 0px 0px;font-size: 18px;}
.left-courseCentent {width: 860px;float: left; font-size: 16px; line-height: 32px; margin:  0px 0px 0px 0px ;padding: 0px 0px 0px 0px;}
.left-courseTarget {width: 860px; float: left;font-size: 14px;margin: 5px 0px;padding: 0px;line-height: 48px;}

/*catalogueDiv 课程目录详细样式设定*/
.catalogDiv {width: 860px;float: left; margin: -8px 0px 0px 0px ;padding: 0px 0px 10px 0px ;font-size: 18px;border-bottom: 2px solid #EEEEEE;}
.catalogueItem {width: 860px;float: left;margin: 0px 0px 0px 0px ;padding: 10px 0px;font-size: 14px;}
/*rigt-Item样式设定*/
.right-courseItems {width: 260px;margin-left: 20px;float: left;padding: 0px;}
.right-courseItem {width: 220px;padding: 20px;float: left;margin-left: 0px;display: inline;background-color: #FFFFFF;margin-bottom: 20px;}
/*微信DIv设置*/
.weixingHeader {width: 220px;margin-top: 0px;margin-bottom: 0px;padding-bottom: 0px;font-size: 16px;color: #715858;text-align: center;float: left;}
.right-weixingimg {width: 180px; height: 180px;margin-left: 20px; display: inline; padding: 0px 0px 0px 0px;float: left;}
.right-weixingimg img{width: 180px;height: 180px;}
.weixingTitle {width: 220px;margin-left: 10px;padding-bottom: 8px;float: left;font-family: "微软雅黑";font-size: 14px; color: #715858;}
.weixingServe {width: 220px;font-size: 14px;float: left; margin-left:10px;padding-bottom: 8px ;color: #715858;}
/*热门推荐的样式设定*/
.reconmondcourseTile {width: 220px;margin: 5px 0px 2px 0px; padding-bottom: 10px;font-size: 18px;border-bottom: 2px solid #EEEEEE;}
.courseImgContainer {width: 220px;margin: 0px 0px 0px 0px ;padding-top:0px;float: left;}
.courseimg {width: 220px;margin-top: 10px; padding-top:5px ;float: left;}
.courseimg img{width: 220px;height: 130px ;}
.hotcuorseName {width: 220px;margin-top: 4px;padding-bottom: 5px;font-family: "微软雅黑";font-size: 14px;float: left;}
.hotcuorseName a{color: #584F42;}
.hotcuorseName a:hover {color: #2D57A9;font-size: 14px;}
/*---------------------------------------------FOOTER-脚注-------------------------------------------------------*/
.footerbg { background-color: #2E323E;height: 300px;}
.footerItems {margin: 0px auto;height: 300px;}
.footerItem {width: 130px;float: left;background-color:  #2E323E;font-size: 18px;color:#FFFFFF;margin: 0px 0px 0px 0px ;}

.footerItem-title{width: 120px;float: left;padding-bottom: 5px;padding-top: 40px;margin-left: 0px;}
.footerItem-title ul {margin: 0px;padding: 0px;font-size: 14px;font-family: "微软雅黑";}
.footerItem-title li {list-style: none;float: left;padding-top :8px;margin-left: 0px;margin-bottom: 10px;width: 120px;}
.footerItem-title a{color: #7793BD;text-decoration: none}
.footerItem-title a:hover {color: #FFFFFF;text-decoration: none;}
.footerlong {width:480px;}
.footerlong li{width:120px ;margin: 0px 0px 0px 0px;}
.workertime {width: 200px;float: left;background-color:  #2E323E;font-size: 14px;color: #7793BD;margin-left: 380px
;padding-top: 72px;}
.footerweixing {width: 134px;margin-left:0px;padding-top: 20px;float:left;margin-left: 96px;}
.companyintroduction {width: 1200px;float: left;font-size: 14px;color: #FFFFFF;margin-top: 10px;padding-bottom :10px;text-align: left;border-bottom: 1px solid #BDBDBD;}
.companyHeader {width: 70px;float: left;margin-top: 0px;padding-top: 0px;margin-left:0px ;}
.comoanyTilte {width: 800px;float: left;font-size: 12px;color:  #7793BD;margin-left: 10px;text-align: left;padding-top: 3px;}
.comoanyPic {width:750px ;float: left;padding: 25px 10px 0px 0px;font-size: 12px;color:#BDBDBD ;margin: 0px 0px 0px 0px;}
.companycopyright{width: 390px;margin-top: 0px;float: left;}
.copyrightimg {width: 40px;margin-top: 1px;float: left;}
.collaborate {width: 170px;float: left;margin-left:270px;margin-top: 16px;}
